@import "../utils/color";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

html {
  // 盒子不需要设置字体, 永远都是默认字体
  font-size: 16px;
}

body {
  color: $white; // 只能讲在body上, 加到html上, 盒子不识别
  background-color: transparent;
}

#app {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 1280px;
  height: 720px;
  background-repeat: no-repeat;
  background-size: 1280px 720px;
}

h1 {
  font-size: 24px;
  padding: 0 16px;
  word-wrap: break-word;
  word-break: break-all;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

.block {
  display: block;
}

a:hover,
a:active,
a:link,
a:visited {
  text-decoration: none;
  color: $white;
}

img {
  border: none;
  outline: none;
}

img:not([src]),
img[src=""] {
  opacity: 0;
}

.float-left {
  float: left;
}

.overflow-hidden {
  overflow-x: hidden;
  overflow-y: hidden
}

.hide {
  display: none;
}

#header {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 1280px;
  height: 100px;
}

#main {
  width: 1280px;
  height: 530px
}
